<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/echarts.all.js"></script>
    <script type="text/javascript">
        //指定图标的配置和数据
        import echarts from "js/src/component/dataZoom/DataZoomModel";

        var option = {
            title:{
                text:'ech 数据统计'
            },
            tooltip:{},
            legend:{
                data:['用户来源']
            },
            xAxis:{
                data:["Android","IOS","PC","Ohter"]
            },
            yAxis:{

            },
            series:[{
                name:'访问量',
                type:'line',
                data:[500,200,360,100]
            }]
        };
        //初始化echarts实例
        var myChart = echarts.init(document.getElementById('chartmain'));

        //使用制定的配置项和数据显示图表
        myChart.setOption(option);
    </script>
</head>
<body>
<div id="chartmain" style="width:600px; height: 400px;"></div>
</body>
</html>